import React from 'react'
import { Collapse } from 'antd';


const sidebar = () => {
  const { Panel } = Collapse;
  const p0 = `
  斗兽棋攻略规则——
  `
  const p1 = `
棋盘横七列，纵九行。棋子放在格子中。双方底在线各有三个陷阱（作品字排）和一个兽穴(于品字中间)。如果一方进入了对方的兽穴便胜出。任何一方都不能进入自己的兽穴。
`
  const p2 = `
双方有八只棋子，依大小顺序为象、狮、虎、豹、犬、狼、猫、鼠。较大的可吃较小的，同类可以互吃，而鼠则可吃象，象不能吃鼠。动物走一格，前后左右都可以。 
`
  const p3 = `
如果对方的兽类走进陷阱，己方任何一只兽都可以把它吃掉，如果敌兽进入陷阱，一回合后，自己的兽类不吃掉陷阱中的敌兽，当对方进入己方兽穴时，则本方输。
`
  const p4 = `
中间有两条小河（跟湖差不多）。狮、虎可以横直方向跳过河，而且可以直接把对岸的动物吃掉。只有鼠可以下水，在水中的鼠可以阻隔狮、虎跳河。
`
  const p5 = `
两鼠在水内可以互吃。 部份斗兽棋的次序略有不同：象、狮、虎、豹、狼、狗、猫、鼠 。 亦有狗吃狼的。亦有用狐代替狼的：象、狮、虎、豹、狗、狐、猫、鼠。水里的不可直接吃陆上的,陆上的也不可吃水里的。
`



  return (
    <div>
      <Collapse accordion style={{ width: "500px", margin: '50px' }}>
        <Panel header="斗兽棋规则" key="1">
          <p>
            <p>{p0}</p>
            <p>{p1}</p>
            <p>{p2}</p>
            <p>{p3}</p>
            <p>{p4}</p>
            <p>{p5}</p>
          </p>
        </Panel>
        <Panel header="开发者" key="2">
          <p>{`
              林良友
              黄日健
          `}</p>
        </Panel>
        <Panel header="版本信息" key="3">
          <p>{`
          版本号：1.0
          `}</p>
           <p>{`
          官方地址：www.hrjblog.top
          `}</p>
        </Panel>
      </Collapse>
    </div>
  )
}
export default sidebar